<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		
		<style>
			body{
				margin: 0px;
				padding: 0px;	
				font-family: Circular, PingFang-SC, "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei", "Heiti SC" !important;
			}
			
			a{
            text-decoration: none;
            
   		    }
   		    
			#yk-backimg{
				/*background-image: url(img/head1.png);*/
				height: 758px;
				width: 105%;
			}
			
			#yk-holepage{
				background-color: #DBDBDB;
				height: 100%;
				width: 100%;
			}
			
			/* #yk-holepagechild{
				margin: 32px;
				padding: 32px;
			} */
			
			#yk-singindiv{
				width: 570px;
				height: 500px;
				margin: 0px;
				padding: 0px;
				box-sizing: border-box;
				border: none;
				position: absolute;
				left: 430px;
				top: 120px;
				background-color: #FFFFFF;
				color: rgb(72,72,72);
				padding: 32px;
				
			}
			
			#yk-sjhzhuce{
				font-size: 28px;
				font-weight: 700;
				
			}
			
			#yk-yyzhanghao{
				
				font-size: 17px;
				font-weight: 700;
				line-height: 19px;
				
			}
			
			#yk-denglu{
				font-size: 17px;
				font-weight: 700;
				color: #008489;
				
			}
			
			#yk-countryselect{
				width: 112px;
				height: 47px;
				line-height: 47px;
				text-align: center;
				border-radius: 3px;
				
			}
			
			.yk-yyzhhdenglu{
				margin-top: 10px;
				
			}
			
			.yk-inputboxsty{
				margin-top: 10px;
				height: 47px;
				line-height: 47px;
				border-radius: 3px;
				
			}
			
			#yk-lphone{
				margin-top: 10px;
				width: 95%;
				height: 40px;
				border-radius: 3px;
				border: 1px solid #DBDBDB;
				font-size: 18px;
				
			}
			
			#yk-lpass{
				margin-top: 20px;
				width: 95%;
				height: 40px;
				border-radius: 3px;
				border: 1px solid #DBDBDB;
				font-size: 18px;
				
			}
			
			#yk-checkpass{
				margin-top: 20px;
				width: 95%;
				height: 40px;
				border-radius: 3px;
				border: 1px solid #DBDBDB;
				font-size: 18px;
				
			}
			
			#yk-subformsingin{
				margin-top: 20px;
				width: 95%;
				height: 40px;
				background-color: rgb(255, 90, 95);
				border-radius: 3px;
				border: none;
				font-family:  var(--font-button-font-family, Circular, "PingFang-SC", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", "Heiti SC") !important;
				font-size: 19px;
				font-weight: 600;
				color: white;
				
			}
			
			#yk-tiaokuan{
				margin-top:20px ;
				line-height: 18px;
				
			}
			
			#yk-lookforhelp{
				position: absolute;
				right: 50px;
				bottom: 30px;
			
			}
			
			#yk-formorehelp{
				background-color: transparent;
				border: none;
				color: #008489;
				font-weight: 300;
				cursor: pointer;
				
			}
			
			#yk-rightclose{
				border: none;
				background-color: transparent;
				font-size: 30px;
				color: rgb(72,72,72);
				box-sizing: border-box;
				position: absolute;
				right: 25px;
				top: 15px;
				cursor: pointer;
				
			}
			
		</style>
	</head>
	<body>
		<div id="yk-backimg">
			<div id="yk-holepage">
				<div id="yk-holepagechild">
					<div id="yk-singindiv">
					<div><!--第一个div，两行-->
						<div>
							<span id="yk-sjhzhuce">手机号注册</span><br />
						</div>
						<div class="yk-yyzhhdenglu">
							<span id="yk-yyzhanghao">已有账号？&nbsp;</span><a href="*" id="yk-denglu">登录</a><!--这里直接link到首页 在首页登录-->
							
						</div>
					
						
					</div>
					
					<div><!--右上角的叉叉-->
						<a href="#"><input id="yk-rightclose" type="button" value="✖" onclick="location.href='index.jsp'" /></a>
						<!--点击这个关闭后直接跳转至首页-->
					</div>
					
					<div class="yk-inputboxsty"><!--第二行的div手机密码确认密码-->
						
						<div><!--手机号-->
							<input type="text" name="yk-lphone" id="yk-lphone" placeholder="请输入手机号" />	
						</div>
						
						<div>
							<input type="password" name="yk-lpass" id="yk-lpass" placeholder="请输入密码" />
						</div>
						
						<div>
							<input type="password" name="yk-checkpass" id="yk-checkpass" placeholder="请确认密码" />
						</div>
						
						<div>
							<div id="yk-tiaokuan"><input type="checkbox" name="yk-checkinfo" />我希望通过短信和电话收到爱彼迎与其合作伙伴的礼金券、推广信息、问卷调查和最新动态。</div>
						</div>
						
						<div>
							<input type="button" name="yk-subformsingin" id="yk-subformsingin" value="注册" />
						</div>
						
						<div id="yk-lookforhelp">
							<a href="https://www.airbnb.cn/help"><input type="button" name="yk-formorehelp" id="yk-formorehelp" value="点击获取更多帮助" /></a>	
						</div>	
					</div>
					<div></div>
					<div></div>
				</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function (){
				$("#yk-subformsingin").click(function (){
					var p1 = $("#yk-lpass").val();
					var p2 = $("#yk-checkpass").val();
					if(p1 !== p2){
						alert("两次输入的密码不一致");
						return;
					}
					var tel = $("#yk-lphone").val();
					if(tel == ""){
						alert("请输入电话号码");
						return;
					}
					$.ajax({
						url: "/airbnb/regist.do",
						async: false,
					   	type: "POST",
					   	data: {"tel":tel,"lpass":p1},
					   	error: function (){
					   		alert("ajax请求失败")
					   	},
					   	success: function(data){
					   		alert("注册成功");
					   	}
					});
					
					
				});
			});
		</script>	
	</body>
</html>
